<template>
  <div class="main">111</div>
</template>
<script></script>
<style scoped>
* {
  margin: 0;
  padding: 0;
}
.main {
  width: 100%;
  height: 102%;
  margin-top: -100px;
  background: linear-gradient(-45deg, #0424fc, #d9e0fd, #0872ef);
  background-size: 500% 500%;
  animation: moiveAnimation 15s infinite;
}

@keyframes moiveAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
</style>
